<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a:hover {
	position: relative;
	bottom: 1px;
	right: 1px;
}
#father {
	width: 702px;
	height: 1000px;
	margin: 0 auto;
}
#top {
	width: 700px;
	height: 153px;
	margin-bottom: 2px;
}
#top ul {
	list-style: none;
}
#left {
	width: 180px;
	float: left;
	background: url(../img/leftbottom.jpg) no-repeat bottom;
	background-color: #FFF;
}
#right {
	width: 520px;
	height: 1000px;
	float: left;
	margin-left: 2px;
}
#banner {
	background-image: url(../img/banner.jpg);
	width: 700px;
	height: 120px;
	background-repeat: no-repeat;
}
#left ul {
	list-style: none;
}
#nav li {
	float: left;
	width: 100px;
	text-align: center;
	line-height: 33px;
}
#nav a {
	text-decoration: none;
	color: #000;
	background-image: url(../img/button1.jpg);
	display: block;
}
#nav a:hover {
	background-image: url(../img/button1_bg.jpg);
	position: relative;
	bottom: 2px;
	right: 2px;
}
#login {
	background-image: url(../img/login.jpg);
	background-repeat: no-repeat;
}
#login ul {
	padding-top: 50px;
	padding-left: 12px;
	list-style: none;
}
#left a {
	text-decoration: none;
	color: #000;
}
#login a:hover {
	position: relative;
	bottom: 2px;
	right: 2px;
}
#login .txtStyle {
	margin-bottom: 2px;
	border: none;
	border-bottom: solid 1px;
	width: 120px;
}
#login .btnStyle {
	width: 40px;
	margin-top: 2px;
}
#ll {
	background-image: url(../img/category.jpg);
	background-repeat: no-repeat;
	padding: 50px 24px 5px;
}
#ll li {
	background-image: url(../img/icon1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 30px;
	border-bottom: dashed 1px;
	padding-left: 15px;
}
#ll a:hover {
	position: relative;
	bottom: 1px;
	right: 1px;
	color: #F69;
}
#left h3 {
	background-color: #FFD8D9;
}
#news {
	background-image: url(../img/news.jpg);
	background-repeat: no-repeat;
	width: 518px;
	padding-top: 33px;
	margin-bottom: 5px;
}
#news li {
	float: left;
	margin-right: 1px;
}
ul {
	list-style: none;
}
#recommends {
	background: url(../img/recommend.jpg) no-repeat;
	width: 518px;
	height: 33px;
	float: left;
	margin-bottom: 2px;
}
#recommend {
	margin-top: 2px;
	background: #FFF;
	height: 450px;
}
#recommend li {
	float: left;
	text-align: center;
	margin: 5px 0px 0px 18.8px;
}
#freshs {
	background: url(../img/fresh.jpg) no-repeat;
	width: 518px;
	height: 33px;
	float: left;
	margin-top: 2px;
}
#fresh {
	margin-top: 2px;
	background: #FFF;
	height: 170px;
	margin-bottom: 5px;
}
#fresh li {
	float: left;
	text-align: center;
	margin: 5px 0px 0px 18.8px;
}
#tips {
	background: #FFF;
	height: 260px;
}
#tips2 {
	background: url(../img/tips.jpg) no-repeat;
	width: 518px;
	height: 33px;
	float: left;
}
#tips ul {
	margin-left: 40px;
}
#tips li {
	float: left;
	width: 200px;
	background: url(../img/icon2.gif) no-repeat left center;
	padding-left: 15px;
	line-height: 45px;
}
</style>
</head>

<body bgcolor="FFD8D9">
<div id="father">
  <div id="top">
    <div id="banner"></div>
    <div id="nav">
      <ul>
        <li><a href="#">鲜花礼品</a></li>
        <li><a href="#">自助订花</a></li>
        <li><a href="#">绿色植物</a></li>
        <li><a href="#">花之物语</a></li>
        <li><a href="#">会员中心</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">支付方式</a></li>
      </ul>
    </div>
  </div>
  <div id="left">
    <div id="login">
      <form action="#" method="post" name="frmLogin">
        <ul>
          <li>用户:
            <input name="txtUsername" type="text" class="txtStyle" />
          </li>
          <li>密码:
            <input name="txtPwd" type="password" class="txtStyle" />
          </li>
          <li>
            <input name="btnSubmit" type="button" value="登录" class="btnStyle" />
            <input name="btnReg" type="button" value="注册" class="btnStyle" />
            <a href="#">忘记密码</a></li>
        </ul>
      </form>
    </div>
    <div id="ll">
      <h3>用途</h3>
      <ul>
        <li><a href="#">爱情鲜花</a></li>
        <li><a href="#">生日送花</a></li>
        <li><a href="#">新年鲜花</a></li>
        <li><a href="#">家庭用花</a></li>
        <li><a href="#">亲情用花</a></li>
        <li><a href="#">道歉鲜花</a></li>
        <li><a href="#">开业花篮</a></li>
        <li><a href="#">会议用花</a></li>
      </ul>
      <h3>花材</h3>
      <ul>
        <li><a href="#">玫瑰花</a></li>
        <li><a href="#">百合花</a></li>
        <li><a href="#">郁金香</a></li>
        <li><a href="#">太阳花</a></li>
        <li><a href="#">康乃馨</a></li>
        <li><a href="#">马蹄莲</a></li>
        <li><a href="#">扶朗</a></li>
        <li><a href="#">剑兰</a></li>
      </ul>
      <h3>价格</h3>
      <ul>
        <li><a href="#">100～200元</a></li>
        <li><a href="#">200～300元</a></li>
        <li><a href="#">300～400元</a></li>
        <li><a href="#">400～500元</a></li>
        <li><a href="#">500～600元</a></li>
        <li><a href="#">600～800元</a></li>
        <li><a href="#">800元以上</a></li>
      </ul>
    </div>
  </div>
  <div id="right">
    <div id="news">
      <ul>
        <li><a href="#"><img src="../img/news1.jpg" /></a></li>
        <li><a href="#"><img src="../img/news2.jpg" /></a></li>
        <li><a href="#"><img src="../img/news3.jpg" /></a></li>
      </ul>
    </div>
    <div id="recommends"></div>
    <div id="recommend">
      <ul>
        <li><a href="#"><img src="../img/flower1.jpg" /><br />
          幸福的味道<br />
          </a>￥288元</li>
        <li><a href="#"><img src="../img/flower2.jpg" /><br />
          阳光守护你<br />
          </a>￥300元</li>
        <li><a href="#"><img src="../img/flower3.jpg" /><br />
          温情永远<br />
          </a>￥268元</li>
        <li><a href="#"><img src="../img/flower4.jpg" /><br />
          爱无界<br />
          </a>￥318元</li>
        <li><a href="#"><img src="../img/flower5.jpg" /><br />
          亲亲宝贝<br />
          </a>￥368元</li>
        <li><a href="#"><img src="../img/flower6.jpg" /><br />
          相信是缘<br />
          </a>￥188元</li>
        <li><a href="#"><img src="../img/flower7.jpg" /><br />
          水晶童话<br />
          </a>￥198元</li>
        <li><a href="#"><img src="../img/flower8.jpg" /><br />
          天使之爱<br />
          </a>￥268元</li>
      </ul>
    </div>
    <div id="freshs"></div>
    <div id="fresh">
      <ul>
        <li><a href="#"><img src="../img/flower9.jpg" /><br />
          亲亲宝贝<br />
          </a></li>
        <li><a href="#"><img src="../img/flower10.jpg" /><br />
          相信是缘<br />
          </a></li>
        <li><a href="#"><img src="../img/flower11.jpg" /><br />
          水晶童话<br />
          </a></li>
        <li><a href="#"><img src="../img/flower12.jpg" /><br />
          天使之爱<br />
          </a></li>
      </ul>
    </div>
    <div id="tips2"></div>
    <div id="tips">
      <ul>
        <li><a href="#">各种鲜花代表的含义</a></li>
        <li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
        <li><a href="#">养花与养生之道</a></li>
        <li><a href="#">每天清晨的第一缕阳光</a></li>
        <li><a href="#">花香的味道</a></li>
        <li><a href="#">世界各地关于送花的习俗</a></li>
        <li><a href="#">种花与送花</a></li>
        <li><a href="#">手捧一束鲜花的等待</a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>
